<template>
  <el-container style="height: 100%;width:100%;padding:0 ;position:fixed">
    <el-header style="width:100%;padding:0;">
      <Navbar style="height:60px"></Navbar>
    </el-header>
    <el-main style="width:100%;padding:0;overflow-x:hidden">
      <div style="background-image: url('src/components/icons/classroom-banner.9f9f21d0.png');height:24% ;">
        <div>
          <p style="font-size: 40px;color:aliceblue;width:100%;position:absolute;margin:3% 0 0 5%"><span
              style="float:left">{{datas.class}}</span></p>
          <p style="width:100%;position:absolute;margin:5% 0 0 80%">
			
			  <span
              style="float:left;color:aliceblue">欢迎你,<span v-text="datas.name"></span> <br><span>当前积分：</span><span
                style="color:orange;margin-left:10px">{{datas.point}}⭐</span><span style="margin-left:20px">当前身份：</span><span
                style="color:orange;margin-left:10px" v-text="datas.usertype"></span></span></p>
          <p style="color:aliceblue;width:100%; display: block; position :absolute;margin:7% 0 0 5%"><span
              style="float:left">电子科技大学成都学院</span></p>
        </div>
      </div>
      <el-card style="height: auto;padding: 20px  5% ; ">
        <el-card class="card1">
          <el-row>
            <el-col :span="12">
              <p style="font-size: 30px;margin-bottom:10px"><span style="float:left">公告栏</span></p>
              <el-divider style="margin:50px 0 10px 0"></el-divider>
              <el-descriptions :column="1" title="在线学习资源">
                <el-descriptions-item label="北京大学 软件工程"><a
                    href="https://www.icourse163.org/course/PKU-1003177002">https://www.icourse163.org/course/PKU-1003177002</a></el-descriptions-item>
                <el-descriptions-item label="北京大学 软件工程理论与实践 一 思政与实战相结合的能力训练"><a
                    href="https://wwweducoder.net/paths/2832">https://wwweducoder.net/paths/2832</a></el-descriptions-item>
                <el-descriptions-item label="清华大学 软件工程"><a
                    href="https://wwwicourses.cn/web/sword/portal/shareDetails?&&cld=3016#/course/chapter">https://wwwicourses.cn/web/sword/portal/shareDetails?&&cld=3016#/course/chapter</a></el-descriptions-item>
                <el-descriptions-item label=" 哈尔滨工业大学 软件工程导论"><a
                    href="https://www.icourse163.org/learn/HIT-298007?tid=1465386470#/earn/content">https://www.icourse163.org/learn/HIT-298007?tid=1465386470#/earn/content</a></el-descriptions-item>
                <el-descriptions-item label=" 东北大学 软件工程"><a href="程 htps://www.icourse163.org/course/NEU-1001812013">程
                    htps://www.icourse163.org/course/NEU-1001812013</a></el-descriptions-item>
                <el-descriptions-item label="分析设计工具: starUML的官方网址"><a
                    href="https://staruml.io">https://staruml.io</a></el-descriptions-item>
                <el-descriptions-item label="可行性分析"><a
                    href="https://wwwicourse163.org/learn/JXNU-1206685815?tid=1465017446#/earn/content?type=detail&id=1243888330">https://wwwicourse163.org/learn/JXNU-1206685815?tid=1465017446#/earn/content</a></el-descriptions-item>
                <el-descriptions-item label="结构化需求分析过程"><a
                    href="https:/wwwicourse163.org/learn/PKU-1003177002?tid=1464977461#/learn/content?type=detail&id=1243668269">https:/wwwicourse163.org/learn/</a></el-descriptions-item>
                <el-descriptions-item label="UML"><a
                    href=" https://www.icourse163.org/learn/PKU-1003177002?tid=1464977461#/learn/content?">
                    https://www.icourse163.org/learn</a></el-descriptions-item>
              </el-descriptions>
			  <el-card style="width: 100%;margin: 19.5% auto 0 -2%;">
			    <Linechart1></Linechart1>
			  </el-card>
            </el-col>
            <el-col :span="12">
              <el-card style="width: 100%;">
                <daka style="width:100%"></daka>
              </el-card>
              <el-card style="width: 100%;">
                <linechart style="width:100%"></linechart>
              </el-card>
            </el-col>
          </el-row>
        </el-card>
      </el-card>
    </el-main>

  </el-container>
</template>
<script lang="ts" setup>
import Navbar from '@/components/layouts/navbar.vue';
import linechart from './components/linechart.vue'
import Linechart1 from './components/linechart1.vue';
import daka from './components/daka.vue';
import {ref,Component } from 'vue'
const datas = ref({
	usertype:localStorage.getItem('auth_level')=='100'?'管理员':'学生',
	point:localStorage.getItem('point'),
	class:localStorage.getItem('auth_level')=='100'?'算法打卡平台（后台）':localStorage.getItem('class_name'),
	name:localStorage.getItem('name')
})
</script>
<style></style>